const tmpl_search = `
<section v-show="activeIndex == 4" style="height: 100%">
	<section v-cloak v-show="!showSearchPage">
		<el-input clearable placeholder="请输入内容" v-model="keyword" class="music-search">
			<el-button slot="append" icon="el-icon-search" type="primary" plain @click="search()"></el-button>
		</el-input>
		<el-row class="search-title">热门搜索</el-row>
		<el-row>
			<el-tag type="danger" effect="plain" @click="hotkeySearch(hotkeys.special_key)">{{hotkeys.special_key}}</el-tag>
			<el-tag type="info" v-for="(item,index) in hotkeys.hotkey" effect="plain" :key="index" @click="hotkeySearch(item.k)">{{item.k}}</el-tag>
		</el-row>
		<el-row style="height: 50px"></el-row>
	</section>
	<section v-cloak v-show="showSearchPage" style="height:100%">
		<el-row v-if="hasSingerIntro" :gutter="40">
			<el-col :xs="8" :md="3">
				<el-image :src="singerIntro.singerPic" style="border-radius: 50%;">
					<div slot="error" class="image-slot">
						<i class="el-icon-picture-outline"></i>
					</div>
				</el-image>
			</el-col>
			<el-col :xs="16" :md="21">
				<el-row>
					<el-col class="singer-intro" :xs="18" :sm="6" :md="7">歌手:{{singerIntro.singerName}}</el-col>
					<el-col class="singer-intro singer-intro2" :xs="7" :sm="4" :md="4">歌曲:{{singerIntro.songNum}}</el-col>
					<el-col class="singer-intro singer-intro2" :xs="6" :sm="4" :md="4">专辑:{{singerIntro.albumNum}}</el-col>
					<el-col class="singer-intro singer-intro2" :xs="6" :sm="4" :md="4">MV:{{singerIntro.mvNum}}</el-col>
				</el-row>
			</el-col>
		</el-row>
		<el-divider v-if="hasSingerIntro"></el-divider>
		<el-table :data="searchSongs" @row-click="playSong" v-loading="firstLoading.search">
			<el-table-column label="专辑图片">
				<template slot-scope="scope">
					<el-image :src="'https://y.gtimg.cn/music/photo_new/T002R300x300M000'+scope.row.albummid+'.jpg'" lazy style="width: 4em">
						<div slot="placeholder" class="image-slot">
							加载中<span class="dot">...</span>
						</div>
						<div slot="error" class="image-slot">
							<el-image src="lib/img/default_album.png" style="width: 4em"></el-image>
						</div>
					</el-image>
				</template>
			</el-table-column>
			<el-table-column prop="songname" label="歌曲"></el-table-column>
			<el-table-column label="歌手">
				<template v-slot="scope">
					<template v-for="(s,index) in scope.row.singer">
						{{s.name}}
						<span v-if="scope.row.singer.length != index+1">/</span>
					</template>
				</template>
			</el-table-column>
			<el-table-column prop="albumname" label="专辑"></el-table-column>
		</el-table>
		<el-row style="text-align:center; height: 20px;line-height: 20px;color:#909399" v-if="currentPage>=pages">没有更多了</el-row>
	</section>
</section>
`;